import React, { Component } from 'react';
import './HCModifyNickname.css'
import { Flex } from 'antd-mobile';
class HCModifyNickname extends Component {
    fanhui = () => {
        this.props.history.push('/Home/HCinformation')
    }
    render() {
        return (
            <div className='HCModifyNickname_box'>
                <Flex style={{ backgroundColor: '#FFD656' }}>
                    <Flex.Item>
                        <div className='HCModifyNickname_title_icon'>
                            <i className="iconfont icon-jiantouarrowhead7" onClick={this.fanhui}></i>
                        </div>
                    </Flex.Item>
                    <Flex.Item>
                        <div className="HCModifyNickname_sub-title">修改用户名</div>
                    </Flex.Item>
                    <Flex.Item>
                        <div className='HCModifyNickname_add'>保存</div>
                    </Flex.Item>
                </Flex>
                <div className='HCModifyNickname_id'>
                    用户名：
                </div>
                <div className='HCModifyNickname_input'>
                    <input type="text" />
                </div>
                <div className='HCModifyNickname_tishi'>
                    以英文字母或汉字开头，限4-16个字符，一个汉字为两个字符
                </div>

            </div>
        );
    }
}

export default HCModifyNickname;